<template>
		<div ref="wrapper" class="t">
		<div class="">
			<div v-for="item in mess" class="li">{{item}}</div>
		</div>
	</div>
	
</template>

<script>
	import BScroll from 'better-scroll'
	export default{
		data(){
			return{
				mess:[
				"北京","上海","广州","深圳","杭州","南京","成都","武汉","青岛","大连","苏州","三亚",
				"厦门","海口","西安","沈阳","长沙","昆明","香港","澳门"
				]
			}
		},
		mounted(){
    const scroll = new BScroll(this.$refs.wrapper,{
     	 click:true,
      	mouseWheel:{
        speed:20,
        invert:false,
        easeTime:300
      }
    })
	}
  }
</script>

<style scoped="scoped" lang="stylus">
.t
	position:absolute
	top:0
	left:0
	bottom:0
	width:100%
	overflow:hidden
	.li
	&:before
		border:.04rem solid #ccc
		padding:.4rem .2rem
</style>